<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<span>标题标签：h1-h6 字体加粗，且逐渐变小</span>
		<h1>一号标题：通常只出现一次</h1>
		<h2>二号标题：尽量少用</h2>
		<h3>三号标题：建议多用</h3>
		<h4>四号标题：正常使用</h4>
		<h5>五号标题：正常使用</h5>
		<h6>六号标题：正常使用</h6>
		<p>段落标签</p>
		强制<br>换行
		<br>
		<hr size="30">


		文本格式标签：加粗，倾斜，下划线，删除线 <br>
		加粗：
		<strong>加粗1</strong>
		<b>加粗2</b>
		
		<br>
		倾斜：
		<em>倾斜1</em>
		<i>倾斜2</i>
		<var>倾斜3</var>
		
		<br>
		下划线：
		<u>下划线1</u>
		<ins>下划线2</ins>
		
		<br>
		删除线：
		<del>删除线1</del>
		<strike>删除线2</strike>
		<s>删除线3</s>
		
		<br>
		<big>大号字体</big>
		<small>小号字体</small>
		

		<div>盒模型，用来布局</div>

		<address>地址标签</address>

		<span>文本标签</span>
		<br>

		上标<sup>①</sup>
		下标<sub>②</sub>

		<pre>
		文本格式化标签
		html标签分类：行标签，块标签
		行标签：一行可以出现多个，直至换行  
		块标签：独自占一行    
		块级标签和内联元素的嵌套规则：
		1.内联元素可以嵌套内联元素，不可以嵌套块级元素
		2.块元素可以嵌套块元素，也可以嵌套内联元素
		3.部分块元素只能嵌套内联元素，不能嵌套块元素  h1-h6 p address
		4.块元素中嵌套的元素，块级和块级同级，内联和内联同级。
		
		</pre>
	块：h1-h6 p hr div address pre
	  行：span strong b em i var u ins del strike s big small sup sub
	  <br>
	 
	 <br>
	 <h1>断章</h1>
	<h3>现代·<em>卞之琳</em></h3>
	 
	 <p><strong>你站在</strong>桥上看风景，</p>
	<p>看风景人<u>在楼上看你</u>。</p>
	<p><del>明月</del>装饰了你的窗子，</p>
	<p>你装饰了<del><sup>①</sup></del>别人的梦。</p>
	  

		<div id="" style="height: 200px;">

		</div>
	</body>
</html>